<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>AdminLTE 2 | Log in</title>
   <!-- Tell the browser to be responsive to screen width -->
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   <!-- Bootstrap 3.3.7 -->
   <link rel="stylesheet" href="/vendor/assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
   <!-- Font Awesome -->
   <link rel="stylesheet" href="/vendor/assets/bower_components/font-awesome/css/font-awesome.min.css">
   <!-- Ionicons -->
   <link rel="stylesheet" href="/vendor/assets/bower_components/Ionicons/css/ionicons.min.css">
   <!-- Theme style -->
   <link rel="stylesheet" href="/vendor/assets/dist/css/AdminLTE.min.css">
   <!-- iCheck -->
   <link rel="stylesheet" href="/vendor/assets/plugins/iCheck/square/blue.css">

</head>
<body class="hold-transition login-page">
<div class="login-box">
   <div class="login-logo">
      <a href="/"><b>后台登录</b></a>
   </div>

   <include file="Layout/_flash"/>

   <!-- /.login-logo -->
   <div class="login-box-body">
      <p class="login-box-msg">管理员登录</p>

      <form action="/admin/logins/login" method="post">
         <div class="form-group has-feedback">
            <input type="text" class="form-control" name="name" placeholder="请输入用户名">
            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
         </div>
         <div class="form-group has-feedback">
            <input type="password" class="form-control" name="password" placeholder="请输入密码">
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
         </div>
         <div class="form-group has-feedback" style="margin-bottom: 80px;">
            <input type="text" class="form-control" name="captcha" placeholder="请输入验证码"
                   style="width: 150px;float: left;">
            <img src="{{:captcha_src()}}" alt="captcha" onclick="this.src='{{:captcha_src()}}?' + Math.random();"
                 style="width: 150px;float: right;cursor: pointer;"/>
         </div>
         <div class="row">
            <div class="col-xs-8">
               <div class="checkbox icheck">
                  <label>
                     <input type="checkbox" name="remember" value="1"> 记住密码
                  </label>
               </div>
            </div>
            <!-- /.col -->
            <div class="col-xs-4">
               <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
            </div>
            <!-- /.col -->
         </div>
      </form>

      <!--<div class="social-auth-links text-center">-->
      <!--<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-qq"></i>-->
      <!--QQ</a>-->
      <!--<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-wechat"></i>-->
      <!--Wechat</a>-->
      <!--</div>-->
      <!-- /.social-auth-links -->

      <!--<a href="#">忘记密码</a><br>-->

   </div>
   <!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 3 -->
<script src="/vendor/assets/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/vendor/assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="/vendor/assets/plugins/iCheck/icheck.min.js"></script>

<script>
   $(function () {
      $('input').iCheck({
         checkboxClass: 'icheckbox_square-blue',
         radioClass: 'iradio_square-blue',
         increaseArea: '20%' /* optional */
      });
   });
</script>
</body>
</html>
